{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<title>Main index</title>
		<meta  charset="utf-8">

		<link rel="stylesheet"  href="{% static 'css/bootstrap-theme.min.css' %}">
		<link rel="stylesheet"  href="{% static 'css/bootstrap.min.css' %}">
  		<link rel="stylesheet" href="{% static 'css/custom-template.css' %}">
	</head>
	<body>
		<div class="navbar-wrapper">
			<div class="navbar navbar-inverse navbar-fixed-top">
				<div class="container">
					<div class="navbar-header">
						<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button" >
						<p class="btn btn-default btn-lg">=</p>
						</button>
						<h2><a href="{% url 'index:home' %}">HOME</a></h2>
					</div>
					<div class="navbar-collapse">
						{% block navbar-collapse %}
						{% endblock %}
					</div>
				</div>
			</div>
		</div>
		<div class="jumbotron"  >
				<div class="container" >
					{% block body %}
					{% endblock %}
				</div>
		</div>
		
		<div class="container" id="content">
			{% block content %}
			{% endblock  %}
		</div>

		
		 <!--- load will faster -->

	  	<script src="{% static 'js/jquery.js' %}"></script>
		<script src="{% static 'js/bootstrap.min.js' %}"></script>
		{% block js-model %}
		{% endblock %}
	</body>
</html>